<div class="container">
  <ul class="navigation">
    <li>
        <a href="{{site.baseurl}}/index.html" class="to top">
          <i class="fa fa-home"></i>
          <span>Home</span>
        </a>
    </li>
    <li>
        <a href="#" class="to bottom">
          <i class="fa fa-qrcode"></i>
          <span>About</span>
        </a>
    </li>
    <li>
        <a href="{{site.baseurl}}/countdown.html" class="to right">
          <i class="fa fa-flash"></i>
          <span>Ticktack</span>
        </a>
    </li>
    <li>
        <a href="{{site.baseurl}}/blog.html" class="to left">
          <i class="fa fa-pencil"></i>
          <span>Blog</span>
        </a>
    </li>
    <li>
        <a href="#">
          <i class="fa fa-heart"></i>
          <span>Contact</span>
        </a>
    </li>
  </ul>
</div>